//px转化rem
@function rem($px) {
    @return ($px / 75)+rem;
}

$theme-color: #2DDAC4; //主题色
$tc: #2DDAC4; //主题色
$fc:#39362B; //font-color 主题字体色-黑
$bgc: #f8f8f8; //background-color 背景色-灰
$theme-red: red; //background-color 背景色-灰
// 边框
.border {
    border: 1px solid #eee;
}

.border_right {
    border-right: 1px solid #eee;
}

.border_left {
    border-left: 1px solid #eee;
}

.border_top {
    border-top: 1px solid #eee;
}

.border_bottom {
    border-bottom: 1px solid #eee;
}

//清除浮动
.clearfloat:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

.clearfloat {
    zoom: 1
}

.page_wrap {
    width: 100%;
    min-height: 100vh;
}

//头部
header {
    width: 100%;
    height: rem(90);
    padding: 0 rem(20);
    background: $theme-color;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    .h_left {
        display: flex;
        align-items: center;
        i {
            color: #fff;
            font-size: rem(36);
        }
    }
    .h_center {
        display: flex;
        align-items: center;
        span {
            color: #fff;
            font-size: rem(28);
        }
    }
    .h_right {
        display: flex;
        align-items: center;
        i {
            color: #fff;
            font-size: rem(36);
        }
        span {
            color: #fff;
            font-size: rem(28);
        }
    }
}